/**************************************************************************************** Import */
import React, {Component} from 'react';
import {CRow, CText, CColumn, CItemY, CHand } from '../../index';
import Config from '../../../../config'

/**************************************************************************************** Pageload */

/**************************************************************************************** Cacheload */

/**************************************************************************************** Preload */

/**************************************************************************************** Get */

/**************************************************************************************** Post */

/**************************************************************************************** Page */
export default class PFessContent extends Component {
	constructor(props){
		super(props)
    }

	render() {
		return (
            <CColumn pt='20' pb='40' bg='#fff' mt='40' mb='20' ra='8' style={{width:'100%'}}>

                <CColumn mt='60' ra='5'>
                    {/* 费用 */}
                    <CColumn pa='30' px='0'>
                        <CRow mt='20' mb='16' pb='16'>
                            <CItemY f='1' y='center' x="center">
                                <CText size='32' color="#666">您需要缴费</CText>
                                <CHand y="center">
                                    <CText size='60'>￥</CText>
                                    <CText size='150'>{this.props.data.money}</CText>
                                </CHand>
                            </CItemY>
                        </CRow>
                    </CColumn>

                    {/* 费用名称、截止日期、温馨提示 */}
                    <CColumn bt='1 #efeff4' px='0' style={{width:Config.map.screen.width-30}}>
                        <CRow pb='16' px='60' y='center' pt='30'>
                            <CText size='26' color="#666">费用名称：</CText>
                            <CHand y="center">
                                <CText size='26'>{this.props.data.moneyName}</CText>
                            </CHand>
                        </CRow>
                        <CRow y='top' px='60' pb='16'>
                            <CText size='26' color="#666">截止日期：</CText>
                            <CItemY y="center">
                                <CText size='26'>{this.props.data.lastDate}</CText>
                            </CItemY>
                        </CRow>
                        <CItemY pl='60' pr='30'>
                            <CText size='22' color='#fcc068'>温馨提示：</CText>
                            <CText size='22' color='#aaa'>为了避免给您带来不必要的损失，请及时缴费</CText>
                        </CItemY>
                    </CColumn>

                </CColumn>

            </CColumn>

		);
	}
}
